<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="../static/css/bootstrap.min.css" th:href="@{css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.css" th:href="@{css/style.css}" rel="stylesheet"/>
    <link href="../static/css/login.min.css" th:href="@{css/login.min.css}" rel="stylesheet"/>
    <link href="../static/css/login.css" th:href="@{css/login.css}" rel="stylesheet"/>
    <link href="../static/ajax/libs/iCheck/custom.css" th:href="@{/ajax/libs/iCheck/custom.css}" rel="stylesheet"/>
    <link href="../static/ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=2.4.0}" rel="stylesheet"/>
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{/static/favicon.ico}"/>
    <style type="text/css">label.error { position:inherit;  }</style>
    <link href="../static/css/ad2css.css" th:href="@{/css/ad2css.css}" rel="stylesheet"/>
    <link href="../static/css/ad1.css" th:href="@{/css/ad1.css}" rel="stylesheet"/>
</head>
<body>
<div class="container">
    <div class="top">
        <div class="Tleft">
            <img th:src="@{/img/logo@2x.png}" alt="">
        </div>
        <div class="Tright">
            <div>
                <img th:src="@{/img/Shape@2x.png}" alt="png">
                <p>020-36523365</p>
            </div>
        </div>

    </div>
    <div class='content1'>
        <div class="login-con">
            <div class="from-content">
                <div class="login-title">
                    <div style="width:0.05rem;height:0.22rem;background:rgba(255,155,0,1);border-radius:0rem;"></div>
                    <p>登录订餐平台</p>
                </div>
                <form id="firstLoginForm" >
	                <input class="btn1" type="text" name="companyAccount"  placeholder="请输入公司账号">
	                <input class="btn1" type="text" name="loginName"  placeholder="请输入个人账号">
	                <input class="btn1" type="text" name="loginPwd"  placeholder="请输入密码">
	                <a href="#">忘记密码？</a>
	                <button class="submit" id="firstLoginSubmit" data-loading="正在验证登录，请稍后...">登录</button>
	            </form>

            </div>

        </div>

    </div>
</div>
<div class="main">

    <div class="main1">
        <h3>厉行节约、反对浪费</h3>
        <img  class="touxiang"  th:src="@{/img/touxiang.png}" alt="图片加载中...">
        <div class="content1">
            <div class="subc1">
                <img th:src="@{/img/icon_shuanguinhao.png}" alt="图片加载中...">
                <p><span>习近平</span><span>国家主席</span></p>
            </div>
            <p>要加大宣传引导力度，大力弘扬中华民族勤俭节约的优秀传统，大力宣传节约光荣、浪费可耻的思想观念，努力使厉行节约、反对浪费在全社会蔚然成风。</p>
        </div>
    </div>

    <div class="main2">
        <h3>订餐三部曲</h3>
        <p>通过职工预先报餐、食堂统筹按量备餐的方式，有效的减少浪费，帮助政府机构、企事业单位落实《党政机关厉行节约反对浪费条例》，树立良好的反对浪费崇尚节俭形象</p>
        <div class="m2-subc">
            <div class="m2-content">
                <img th:src="@{/img/Bitmap2.png}" alt="">
                <p>提前报餐</p>
                <p>提前向食堂报餐,选取喜欢的菜品。</p>
            </div>
            <div class="m2-content">
                <img th:src="@{/img/Bitmap1.png}" alt="">
                <p>食堂备餐</p>
                <p>食堂根据报餐统计表备餐，减少浪费</p>
            </div>
            <div class="m2-content">
                <img th:src="@{/img/Bitmap.png}" alt="">
                <p>扫码取餐</p>
                <p>职工到食堂扫码领取自己预订的菜品</p>
            </div>
        </div>
    </div>

    <div class="main3">
        <h3>食堂的好管家</h3>

        <div class="m3-wrap">
            <div class="m3-content">
                <img th:src="@{/img/icon_shuliang.png}" alt="">
                <h6>订餐数量提前知</h6>
                <p>自动按餐别、菜品统计订餐份数，按量准备饭菜，拒绝浪费</p>
            </div>
            <div class="m3-content">
                <img th:src="@{/img/icon_baobiao.png}" alt="">
                <h6>各种报表自动出</h6>
                <p>订餐明细表、人员统计、部门统计、菜品统计、订餐未食统计...</p>
            </div>
            <div class="m3-content">
                <img th:src="@{/img/icon_changku.png}" alt="">
                <h6>仓库管理很方便</h6>
                <p>管理后厨仓库的出库入库，随时查看库存情况</p>
            </div>
            <div class="m3-content">
                <img th:src="@{/img/icon_zhanghu.png}" alt="">
                <h6>职工账号轻松管</h6>
                <p>管理职工餐卡账户，支持单位补贴充值，随时查看账户余额及明细</p>
            </div>
            <div class="m3-content">
                <img th:src="@{/img/icon_gonggao.png}" alt="">
                <h6>食堂公告在线发</h6>
                <p>在线发送食堂公告，还可查看阅读情况</p>
            </div>
            <div class="m3-content">
                <img th:src="@{/img/icon_kecan.png}" alt="">
                <h6>客餐围餐统统有</h6>
                <p>支持订客餐、订围餐，可设置订餐权限，并实时查看订餐明细</p>
            </div>
            <div class="m3-content">
                <img th:src="@{/img/icon_guizhe.png}" alt="">
                <h6>就餐规则由你定</h6>
                <p>管理订餐规则，包括就餐时间、是否要求充值支付、权限设置等</p>
            </div>
            <div class="m3-content">
                <img th:src="@{/img/icon_xingxiang.png}" alt="">
                <h6>创建食堂好形象</h6>
                <p>以人为本，方便了职工,同时又落实了《党政机关厉行节约反对浪费条例》</p>
            </div>
        </div>
    </div>

    <div class="main4">
        <h3>职工的好助手</h3>
        <div class="m4-subc">
            <div class="m4-content">
                <img th:src="@{/img/zhigong1.png}" alt="" style="width: 3.02rem;height: 2.33rem;">
                <h4>报餐很方便</h4>
                <p>随时随地在手机上报餐，可设置自动提醒，再也不担心忘记报餐了</p>
            </div>
            <div class="m4-content">
                <img th:src="@{/img/zhigong2.png}" alt="" style="width: 3.02rem;height: 2.33rem;">
                <h4>吃自己喜欢的</h4>
                <p>提前知道每餐的菜单并预订自己喜欢的，不用担心去晚了菜没了</p>
            </div>
            <div class="m4-content">
                <img th:src="@{/img/chankanyue.png}" alt="" style="width: 3.02rem;height: 2.33rem;">
                <h4>随时查看账户余额</h4>
                <p>若需要充值就餐，可随时查看自己的账户余额</p>
            </div>
        </div>

    </div>

    <div class="main5">
        <div class="m5-top">
            <p>现在购买，赠送一台双屏电脑</p>
        </div>
        <div class="m5-ping">
            <img th:src="@{/img/主屏.png}" alt="" style="width: 3.77rem;height: 3.34rem;">
            <img th:src="@{/img/副屏.png}" alt="" style="width: 3.77rem;height: 3.34rem;">
        </div>
        <div class="m5-bottom-content">
            <div class="m5-bottom">
                <div class="m5-subc">
                    <p>主屏</p>
                    <p>打餐人员通过主屏查看就餐者预订的菜品</p>
                </div>
                <img th:src="@{/img/zhuping.png}" alt="">

            </div>
            <div class="m5-bottom">
                <img th:src="@{/img/fuping.png}" alt="">
                <div class="m5-subc">
                    <p>副屏</p>
                    <p>职工通过副屏扫码取餐</p>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>


    <div class="main6">
        <div class="m6-top">
            <h3>功能齐全,专为内部食堂订制</h3>
        </div>
        <div class="m6-bottom">
            <img th:src="@{/img/gongneng1.png}" alt="图片加载中...">
            <div class="m6-right">
                <h4>订餐后台</h4>
                <div class="m6-content">
                    <div class="m6-subc">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>菜品管理:上传菜品信息</p>
                    </div>
                    <div class="m6-subc">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>菜单管理:管理常用的菜单，方便每日排菜</p>
                    </div>
                    <div class="m6-subc">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>每日排餐:设置每天、每餐的菜品</p>
                    </div>
                    <div class="m6-subc">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>报餐明细:查看每餐的报餐记录</p>
                    </div>
                    <div class="m6-subc">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>菜品统计:按菜品统计预订的份数，按量备餐</p>
                    </div>
                    <div class="m6-subc">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>每日统计:统计每天的报餐量、实际就餐量</p>
                    </div>
                    <div class="m6-subc">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>部门统计:按部门统计报餐量、实际就餐量</p>
                    </div>
                    <div class="m6-subc">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>人员统计:按人员统计报餐量、实际就餐量</p>
                    </div>
                    <div class="m6-subc">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>围餐明细:查看报围餐的情况</p>
                    </div>
                    <div class="m6-subc">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>后厨仓库:管理厨房仓库的进、出、库存</p>
                    </div>
                    <div class="m6-subc">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>财务管理:管理职工餐卡余额、充值</p>
                    </div>
                    <div class="m6-subc">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>食材采购:管理厨房食材采购记录</p>
                    </div>
                    <div class="m6-subc">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>食堂公告:向就餐人员发送公告</p>
                    </div>
                    <div class="m6-subc">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>就餐设置:设置用餐时间、报餐方式等</p>
                    </div>
                    <div class="m6-subc">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>系统管理:管理就餐人员、部门、职位等</p>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="m7-contont">
        <div class="main7">
            <h4>扫码就餐终端</h4>
            <img th:src="@{/img/saomazongduan@2x.png}" alt="图片加载中...">
            <p>为食堂提供双屏电脑，报餐人员通过副屏幕可以扫码领餐，食堂人员通过主屏幕可以时查看就餐者预订的菜品。</p>
        </div>

        <div class="main6">
            <h4>职工手机端</h4>
            <div class="m6-bottom2">
                <img th:src="@{/img/gongneng3.png}" alt="图片加载中...">
                <div class="m6-content2">
                    <div class="m6-subc2">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>查看菜品:可看每天每餐的菜品情况</p>
                    </div>
                    <div class="m6-subc2">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>报餐:可以预订每天、每餐的菜品</p>
                    </div>
                    <div class="m6-subc2">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>批量报餐:可批量报一一个月的餐</p>
                    </div>
                    <div class="m6-subc2">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>报客餐:支持报客餐(可设置权限)</p>
                    </div>
                    <div class="m6-subc2">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>报围餐:支持报围餐(可设置权限)</p>
                    </div>
                    <div class="m6-subc2">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>报餐记录:可以查看报餐记录，并进行修改</p>
                    </div>
                    <div class="m6-subc2">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>食堂公告:接收、查看食堂公告</p>
                    </div>
                    <div class="m6-subc2">
                        <img th:src="@{/img/icon.png}" alt="图片加载中...">
                        <p>账户余额:随时查看账户余额及明细</p>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <!--<div class="footer1">-->
    <!--<p>申请开通</p>-->
    <!--<p>体验手机版</p>-->
    <!--</div>-->

    <div class="footer2">
        <div>
            <img th:src="@{/img/icon_phone2.png}" alt="图片加载中...">
            <span>咨询热线：020-36523365</span>
        </div>
        <p>粤ICP备18074564号1</p>
    </div>
</div>

	<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
	<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
	<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
	<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
	<script src="../static/ajax/libs/validate/messages_zh.min.js" th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
	<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
	<script src="../static/ajax/libs/iCheck/icheck.min.js" th:src="@{/ajax/libs/iCheck/icheck.min.js}"></script>
	<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
	<!-- <script src="http://tajs.qq.com/stats?sId=62048022"></script> -->
	<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=2.4.0}"></script>
	<script src="../static/ruoyi/firstLogin.js" th:src="@{/ruoyi/firstLogin.js}"></script>
	
</body>
</html>
